草庐IT

ArkTS 栅格

全部标签

【HarmonyOS】【ArkTS】如何使用HTTP网络请求获取动态数据刷新UI界面

【关键字】HttpRequest、ArkTS、网络数据请求、@ohos.net.http【前言】在使用ArkTS开发HarmonyOS应用时,需要调用HTTP网络请求 @ohos.net.http 动态获取数据,进行UI列表刷新,这想必是应用开发最常见的功能。但是根据官网网络请求的示例代码进行功能开发时,封装方法进行HTTP请求后,返回获取数据总是为空,无法返回调用接口获取的结果,经过一系列步骤检查,终于获取到数据,在此附上我的开发步骤、一些注意事项以及参考文档。【开发步骤】步骤1:根据官方文档,HTTP网络请求需要申请ohos.permission.INTERNET权限,需要在配置文件mod

视频播放器(ArkTS)

介绍本篇Codelab使用ArkTS语言实现视频播放器,主要包括视频获取和视频播放功能:获取本地视频和网络视频。通过AVPlayer进行视频播放。通过手势调节屏幕亮度和视频播放音量。相关概念AVPlayer播放管理类:视频播放组件。XComponent:可用于EGL/OpenGLES和媒体数据写入,并显示在XComponent组件。PanGesture手势:用于触发拖动手势事件,滑动的最小距离为5vp时拖动手势识别成功。完整示例gitee源码地址源码下载视频播放器(ArkTS).zip环境搭建我们首先需要完成HarmonyOS开发环境搭建,可参照如下步骤进行。软件要求DevEcoStudio版

使用DevEco Studio高效开发(ArkTS)

介绍本篇Codelab主要介绍使用DevEcoStudio开发工具,高效开发登录应用的案例。使用开发工具以下功能:使用DevEcoStudio开发工具的预览器适配多设备页面。使用DevEcoStudio开发工具运行和调试代码。使用DevEcoStudio开发工具测试代码。相关概念使用预览器查看应用/服务效果:在HarmonyOS应用/服务开发过程中,DevEcoStudio为开发者提供了UI界面预览功能,可以查看应用/服务的UI界面效果,方便开发者随时调整代码。在Phone和Tablet中运行应用/服务:DevEcoStudio为开发者提供本地真机运行HarmonyOS应用/服务功能,本地真机

vue AntD中栅格布局的四种大小xs,sm,md,lg

cssBootstrap栅格布局的四种大小xs,sm,md,lg前端为了页面在不同大小的设备上也能够正常显示,通常会使用栅格布局的方式来实现。使用bootStrap的网格系统时,常见到一下格式的类名col-*-*visible-*-*hidden_*_*中间可为xs,xsm,md,lg等表示大小的单词的缩写右边为1-12之内、用于元素所占列数columns的数值1.行{md:6,lg:12,xl:12}}>gutter:md:中等屏幕桌面显示器(≥992px)lg:大屏幕大桌面显示器(≥1200px)xl:2.列md:中等屏幕桌面显示器(≥992px)sm:小屏幕平板(≥768px)xsext

Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

目录一、VueGridLayout简介 二、vue-grid-layout的安装与使用 三、属性3.1 gridItem的必须属性3.2 框架元素的实际宽度高度计算方式3.3元素尺寸的计算方法总结3.4 gridLayout的属性四、事件五、vue-grid-layout的实际应用5.1移动到任意位置 5.2 移动事件与调整大小5.3实现两个元素的交换5.4指定允许拖动的元素 5.5动态添加/删除元素5.6外部添加元素 5.7动态拖拽预览六、Vue3的使用 总结兄弟们,有啥好的录屏gif工具推荐一下?官网:VueGridLayout-️适用Vue.js的栅格布局系统Gitee:https://

Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)

目录一、VueGridLayout简介 二、vue-grid-layout的安装与使用 三、属性3.1 gridItem的必须属性3.2 框架元素的实际宽度高度计算方式3.3元素尺寸的计算方法总结3.4 gridLayout的属性四、事件五、vue-grid-layout的实际应用5.1移动到任意位置 5.2 移动事件与调整大小5.3实现两个元素的交换5.4指定允许拖动的元素 5.5动态添加/删除元素5.6外部添加元素 5.7动态拖拽预览六、Vue3的使用 总结兄弟们,有啥好的录屏gif工具推荐一下?官网:VueGridLayout-️适用Vue.js的栅格布局系统Gitee:https://

Django和HarmonyOS-FA模型ArkTS语言的登录功能实现

目录前言一、Arkts(DevEcoStudio)登陆页面及登录逻辑实现(.ets)二、Django后端1、实现数据库的连接(views.py)2、登录功能实现(views.py)三、实现Django、mysql、arkts之间的交互1、Django连接数据库2、预览器中输入登录账号和密码3、Django接收数据并与mysql数据库的数据进行验证4、返回数据到Arkts四、注意事项1、配置setting中的database2、models3、在urls.py中添加login4、数据库要添加数据   前言通过Django与Arkts的连接,实现登录功能一、Arkts(DevEcoStudio)登

HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述

ArkTS以声明方式组合和扩展组件来描述应用程序的UI,同时还提供了基本的属性、事件和子组件配置方法,帮助开发者实现应用交互逻辑。一、创建组件根据组件构造方法的不同,创建组件包含有参数和无参数两种方式。说明,创建组件时不需要new运算符。1.无参数如果组件的接口定义没有包含必选构造参数,则组件后面的“()”不需要配置任何内容。例如,Divider组件不包含构造参数:.Column(){. Text('item1'). Divider(). Text('item2').}2.有参数如果组件的接口定义包含构造参数,则在组件后面的“()”配置相应参数。Image组件的必选参数src。.Image('

HarmonyOS/OpenHarmony应用开发-ArkTS语言@BuilderParam引用@Builder函数

当开发者创建了自定义组件,并想对该组件添加特定功能时,例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法,将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题,ArkUI引入了@BuilderParam装饰器,@BuilderParam用来装饰指向@Builder方法的变量,开发者可在初始化自定义组件时对此属性进行赋值,为自定义组件增加特定的功能。该装饰器用于声明任意UI描述的一个元素,类似slot占位符。说明,从APIversion9开始,该装饰器支持在ArkTS卡片中使用。一、装饰器使用说明1.初始化@BuilderParam装饰的方法@BuildParam装饰的

HarmonyOS/OpenHarmony应用开发-Stage模型ArkTS语言AbilityConstant

AbilityConstant提供启动参数的接口的能力,包括设置初次开始原因的类型、上次退出原因的类型、继续结果的类型。说明:模块首批接口从APIversion9开始支持。模块接口仅可在Stage模型下使用。导入模块:import AbilityConstantfrom'@ohos.app.ability.AbilityConstant';属性:名称类型可读可写说明launchReasonLaunchReason是是指示启动原因。lastExitReasonLastExitReason是是表示最后退出原因。AbilityConstant.LaunchReason初次开始原因的类型。名称值说明U